<div appBsModal #morelistModal="bs-modal"  class="modal fade" [ngClass]="modalExpandOb.className" tabindex="-1" role="dialog" aria-labelledby="morelistModal" aria-hidden="true" [config]="{backdrop: 'static'}">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">
                    <span>{{modalTitle}}</span>
                </h4>
                <span class="pull-right">
                    <a class="btn btn-smallEx" (click)='modalExpandOb.modalExHandle("small")'>
                        <i class="bi bi-arrows-angle-expand" *ngIf="!modalExpandOb.isSmallEx"></i>
                        <i class="bi bi-arrows-angle-contract" *ngIf="modalExpandOb.isSmallEx"></i>
                    </a>
                    <a class="btn btn-fullscreen" (click)='modalExpandOb.modalExHandle("full")'>
                        <i class="bi bi-arrows-fullscreen" *ngIf="!modalExpandOb.isFullScreen"></i>
                        <i class="bi bi-fullscreen-exit" *ngIf="modalExpandOb.isFullScreen"></i>
                    </a>
                    <button type="button" class="close" (click)="close()" [attr.aria-label]="l('Close')">
                        <i aria-hidden="true" class="bi bi-x"></i>
                    </button>
                </span>
            </div>
            <div class="modal-body">
                <div class="row align-items-center">
                    <!--<Primeng-TurboTable-Start>-->
                    <div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading">
                        <p-table #dataTable sortMode="multiple"
                            [value]="primengTableHelper.records"
                            rows="{{primengTableHelper.defaultRecordsCountPerPage}}" [paginator]="false"
                            [lazy]="true" [scrollable]="true" ScrollWidth="100%"
                            [responsive]="primengTableHelper.isResponsive"
                            [resizableColumns]="primengTableHelper.resizableColumns">
                            <ng-template pTemplate="header">
                                <tr>
                                    
                                    <th style="width: 120px">
                                        标题
                                    </th>
                                    <th style="width: 100px">
                                        流程名
                                    </th>
                                    <th style="width: 120px" pSortableColumn="creationTime">
                                        {{'CreationTime' | localize}}
                                        <p-sortIcon field="creationTime"></p-sortIcon>
                                    </th>
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-record="$implicit">
                                <tr>
                               
                                    <td style="width: 120px">
                                        <a href="javascript:void(0)" (click)="goDetailModel(record)">{{record.title}}</a>
                                    </td>
                                    <td style="width: 100px">
                                        {{record.workFlowName}}
                                    </td>
                                    <td style="width: 120px">
                                        <span class="p-column-title"> {{'CreationTime' | localize}}</span>
                                        {{record.startTime | luxonFormat:'F'}}
                                    </td>
                                </tr>
                            </ng-template>
                        </p-table>
                        <div class="primeng-no-data" *ngIf="primengTableHelper.totalRecordsCount == 0">
                            {{'NoData' | localize}}
                        </div>
                        <div class="primeng-paging-container">
                            <p-paginator [rows]="primengTableHelper.defaultRecordsCountPerPage" #paginator
                                (onPageChange)="getListData($event)"
                                [totalRecords]="primengTableHelper.totalRecordsCount"
                                [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage"
                                [showCurrentPageReport]="true"
                                [currentPageReportTemplate]="'TotalRecordsCount' | localize:primengTableHelper.totalRecordsCount">
                            </p-paginator>
                        </div>
                    </div>
                    <!--<Primeng-TurboTable-End>-->
                </div>

            </div>
            <div class="modal-footer">
                <button  type="button" class="btn btn-light-primary font-weight-bold" (click)="close()">{{"Cancel" | localize}}</button>
            </div>
        </div>
    </div>
</div>
<workFlowDetail #workFlowDetail (backListEvent)="backToList($event)"></workFlowDetail>
